		ul{
			padding: 0;
			margin-bottom: 0px;
		}
		li{
			width: 100%;
			list-style: none;
		}
		input[type=number] {
			color: white;
			background: #161B2F;
			border: 2px solid #53597B;
			border-radius :2px
		}
		select{
		    background: #161B2F;
		    border: 2px solid #53597B;
		    border-radius :2px;
		    color:#ffffff;
		}
		select input{
			background: #222222;
		}
		.showLabels{
			background: #222222;
		}
		#header{
			width: 100%;
    		background: #386184;
    		height: 40px;
    		position: fixed;
    		z-index: 999;
		}
		#header button{
			background: #468be4;
    		border: 1px solid #5D99CB;
    		margin: 5px;
    		height: 30px;
    		width: 75px;
    		line-height: 30px;
    		text-align: center;
    		color:white;
    	    border-radius: 4px;
		}
		#editTheContent{
			box-sizing:border-box; 
			-webkit-box-sizing:border-box; 
			-moz-box-sizing:border-box; 
			-o-box-sizing:border-box;
			min-width:1416px;
			position: relative;
			top:40px;
		}
		#editContentLeft{
		 width: 258px;
		 height:750px; 
		 position: absolute;
         left: 0;
         background: rgb(12,27,46);
         overflow: auto;
         margin-top: 20px;
         border: 1px solid rgb(8,89,145);
		 background-color:transparent;
		 box-shadow:0 0 15px rgb(8,89,145) inset;
		 border-radius:2px;
		}
		#editContentCenter{
			cursor: pointer;
			margin-left:20px;
		    min-width: 800px;
    		height: 750px;
    		border-bottom: none;
    		position: absolute;
    		left: 256px;
    		background: rgb(12,27,46);
    		margin-top: 20px;
    		border: 1px solid rgb(8,89,145);
			background-color:transparent;
			box-shadow:0 0 20px rgb(8,89,145) inset;
			border-radius:2px;
		}
		#caozuo{
			width: 100%; 
			height:100px; 
			margin-top: 710px;
			overflow: auto;
			border:1px solid #ccc;
		}
		#shuxing{
			width: 310px;
    		position: absolute;
    		right: 0;
    		height: 751px;
    		padding: 0;
    		background: rgb(12,27,46);
    		color:#ffffff;
    		overflow: auto;
    		margin-top: 20px;
    		border: 1px solid rgb(8,89,145);
			background-color:transparent;
			box-shadow:0 0 15px rgb(8,89,145) inset;
			border-radius:2px;
		}
		#shuxingContent{
			padding: 0px;
			border: 1px solid #696969;
			/*border-radius: 5px;
			height: 200px;*/
            
		}
		#shuxingContent,#externalParameter,#controlDescription{
			display:none;
		}
		#combinationOperation ul{
			padding: 0;
		}
		#combinationOperation{
			overflow: auto;
            max-height: 395px;
		}
		#externalParameter{
			border: 1px solid #696969;
			margin-top: 0px;
			border-radius: 0px;
            overflow: auto;
		}
		#controlDescription{
			margin-top: 0px;
			border-radius: 0px; 
		}
		#zuhe{
			margin-left: 10px;
		}
		#myTabContent{
			width:100%;		
		}
		#myTabContent #home{
			width: 100%;
			height: 550px;
			margin-top: 10px;
			display: block;
		}
		#editTheContent #basecase{
			display: none;
		}
		#myTabContent #home div{
			overflow: hidden;
			border:1px solid rgb(8,89,145);
			margin-top: 10px;
			padding-top: 10px;
		}
		#myTabContent #home div:last-child{
			margin-bottom: 2px;
		}
		#myTabContent #home div a{
				border: 2px solid rgb(8,89,145);
				background-color:transparent;
				box-shadow:0 0 10px rgb(8,89,145) inset;
				border-radius:2px;
				text-decoration: none;
				float: left;
				text-align: center;
				width: 80px;
				height: 30px;
				color: #ffffff;
				line-height: 30px;
				font-size: 14px;
				cursor: pointer;
				text-overflow: ellipsis; 
				overflow: hidden;
				white-space: nowrap; 
				margin-bottom: 10px;
				padding-top:-5px;
				
		}
		#myTabContent #home div a:nth-of-type(odd){
			margin-left: 21px;
			margin-right: 22px;
		}
		#myTabContent #home  div a:nth-child(7):hover{			
			overflow: hidden;
            white-space: normal;
		}
		
		#Graphics div{
			overflow: hidden;
			border: 1px solid rgb(8,89,145);
			margin-top: 10px;
			padding-top: 10px;
		}
		#Graphics div:last-child{
			margin-bottom: 2px;
		}
		#Graphics div a{
				border: 2px solid rgb(8,89,145);
				background-color:transparent;
				box-shadow:0 0 10px rgb(8,89,145) inset;
				border-radius:2px;
				text-decoration: none;
				float: left;
				text-align: center;
				width: 80px;
				height: 30px;
				color: #ffffff;
				line-height: 30px;
				font-size: 14px;
				cursor: pointer;
				text-overflow: ellipsis; 
				overflow: hidden;
				white-space: nowrap; 
				margin-bottom: 10px;
				padding-top:-5px;
			    background-color: transparent;
		}
		#Graphics div a:nth-of-type(odd){
			margin-left: 21px;
			margin-right: 22px;
		}
		#Graphics div a:nth-child(7):hover{			
			overflow: hidden;
            white-space: normal;
		}
		
		#myTabContent2{
			width:100%;		
		}
		#myTabContent2 #home2{
			width: 100%;
			margin-top: 10px;
			display: block;
		}
		#myTabContent2 #home2 div{
			overflow: hidden;
			border: 1px solid rgb(8,89,145);
			margin-top: 10px;
			padding-top: 10px;
		}
		#myTabContent2 #home2 div:last-child{
			margin-bottom: 2px;
		}
		#myTabContent2 #home2 div a{
				border: 2px solid rgb(8,89,145);
				background-color:transparent;
				box-shadow:0 0 10px rgb(8,89,145) inset;
				border-radius:2px;
				text-decoration: none;
				float: left;
				text-align: center;
				width: 80px;
				height: 30px;
				color: #ffffff;
				line-height: 30px;
				font-size: 14px;
				cursor: pointer;
				text-overflow: ellipsis; 
				overflow: hidden;
				white-space: nowrap; 
				margin-bottom: 10px;
				padding-top:-5px;
		}
		#myTabContent2 #home2 div a:nth-of-type(odd){
			margin-left: 21px;
			margin-right: 22px;
		}
		#myTabContent2 #home2 div a:nth-child(7):hover{			
			overflow: hidden;
            white-space: normal;
		}
		
		
		#accordionso{
			margin: 0px;
		}
		#accordionso,#accordionst{
			display: inline-block;
    		width: 49.6%;
    		height: 30px;
    		text-align: center;
    		background: #337AB7;
    		line-height: 30px;
    		cursor: pointer;
    		color: white;
    		margin: 0px 0 1px 0px;
    		/**border-radius: 5px;**/
    		border-bottom: 1px solid rgb(8,89,145);
		}
		#Graphics a{
			display: block;
		    line-height: 30px;
		    font-size: 14px;
		    cursor: pointer;
		    text-decoration: none;
	        border: 1px solid #7F7F7F;
		    float: left;
		    text-align: center;
		    width: 80px;
		    height: 30px;
		    color: #00AAAA;
		    line-height: 30px;
		    font-size: 14px;
		    text-overflow: ellipsis;
		    overflow: hidden;
		    white-space: nowrap;
		    margin-bottom: 10px;
		}
		#Graphics a:hover{
		}
		#accordion>li{
			margin-top: 50px;
		}
		#zoom a{
			text-decoration: none;
			cursor: pointer;
		}
		#zoom a:hover{
			color: white;
		}
		#zoom button:hover{
			color: white;
		}
		.one{
			padding: 0;
		}
		/*鍙充晶灞炴�鍖哄煙Input鐨勬牱寮*/
        select{
			width: 85px;
			height: 25px;
		}
		/* 鍐欐鐨勬牱寮�*/
		#elementContents{
			/*height: 350px;*/
			
		}
		#elementContents .defaultProperty{
			width: 100%;
			margin-bottom: 6px;
		}
		#elementContents .defaultProperty span{
			display: inline-block;
			width: 109px;
   			margin-right: 3px;
		}
		#elementContents .defaultProperty input{
			width: 80px;
			text-align: center;
		}
		#elementContents .defaultProperty select{
			width: 80px;
			height: 26px;
		}
		#elementContents input[type="checkbox"]{
			margin: 0;
			width: 15px;
			vertical-align: middle;
		}
		#elementContents input[type="radio"]{
			margin: 0;
			width: 15px;
			vertical-align: middle;
		}
		#outParameter .defaultProperty{
			width: 90%;
			margin-bottom: 6px;
		}
		#outParameter .defaultProperty span{
			display: inline-block;
			width: 109px;
   			margin-right: 3px;
		}
		#outParameter .defaultProperty input{
			width: 80px;
			text-align: center;
		}
		#outParameter .defaultProperty select{
			width: 80px;
			height: 26px;
		}
		#outParameter input[type="checkbox"]{
			margin: 0;
			width: 15px;
			vertical-align: middle;
		}
		#outParameter input[type="radio"]{
			margin: 0;
			width: 15px;
			vertical-align: middle;
		}	
		.oness{
			padding: 0;
			margin: 0;
		}
        fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
        legend{padding:.5em;border:0;width:auto;margin-bottom:3px;font-size: 17px;}=======
		#font{
			font-size: 16px;
		}
		#elementContents #saveData{
			display:block;
			margin-top: 30px;
			margin-left:96px;
			width: 140px;
		}
		#elementContents #saveData button{
			background: #337AB7;
			width: 60px;
			height: 30px;
			color:white;
			border: none;
			border-radius: 5px;
		}
		#elementContents #saveData button:nth-child(1){
			margin-right: 10px;
		}
		#elementContents div label{
			font-weight: 100;
		}
		/* 缁勫悎鏉′欢鐨勬牱寮�*/
		 .conditionsTemplate .andor{
			width: 47px;
			height:30px;
		}
		.conditionsTemplate .department{
			width: 47px;
			height:30px;
		}
		 .conditionsTemplate .condition{
			width: 63px;
			height:30px;
		}
		 .conditionsTemplate .symbol{
			width: 40px;
			height:30px;
		} 
		 .conditionsTemplate .enter{
			width: 40px;
			height:30px;
	    	background: #161B2F;
	    	border: 1px solid #53597B;
		} 
		 .conditionsTemplate .add{
			width: 34px;
			height:30px;
			background: #337AB7;
			color: white;
			padding: 0;
			border:1px solid #ccc;
		} 
		 .conditionsTemplate .dropDown{
			width: 40px;
			height:30px;
		} 
		.conditionsTemplate .showLabels{
			width: 37px;
			height:30px;
			border: 1px solid #53597B;
		}
		 .conditionsTemplate .showButton{
			width: 36px;
			height:30px;
			background: #337AB7;
			color: white;
			padding: 0;
			border:1px solid #ccc;
		} 
		/* 鏂版坊鍔犵殑鏉′欢缁勫悎鏍峰紡 */
		 .andor{
			width: 50px;
			height:30px;
			vertical-align: top;
		}
		 .department{
			width: 47px;
			height:30px;
			vertical-align: top;
		}
		 .condition{
			width: 63px;
			height:30px;
			vertical-align: top;
		}
		 .symbol{
			width: 37px;
			height:30px;
			vertical-align: top;
		} 
		 .enter{
			width: 40px;
			height:30px;
		} 
		 .add{
			width: 40px;
			height:30px;
			background: #337AB7;
			color: white;
			padding: 0;
			border:1px solid #ccc;
		} 
		 .dropDown{
			width: 40px;
			height:30px;
		} 
		.delete{
			width: 33px;
			height:30px;
			background: #337AB7;
			color: white;
			padding: 0;
			border:1px solid #ccc;
			vertical-align: top;
		}
		 .dropDowns{
			width: 40px;
			height:30px;
			vertical-align: top;
		} 
		 .enters{
			width: 40px;
			height:30px;
			background: #161B2F;
	    	border: 1px solid #53597B;
		} 
		.curs{
			margin-top: 15px;
		}
		#elementContents .addCondition{
			margin-bottom:10px;
		}
		#elementContents .addCondition .curs{
			width: 100%;
    		text-align: left;
    		margin-top: 10px;
		}
		.dropDownsk{
			width: 40px;
			height:30px;
			vertical-align: top;
		}
		#outParameter,#conDescription,#controlProperties{
			margin: 10px 5px 10px 15px;
		}
		#outParameter div span{
			display: inline-block;
		    width: 85px;
		    margin-right: 10px;
		}
		#outParameter div input{
			width: 85px;
			background: #161B2F;
			border: 2px solid #53597B;
			padding-top: 2px;
		}
		#header #switchMode{
			width: 70px;
    		float: right;
    		margin-top: 6px;
		}
		#cd1,#cd2,#cd3{
			background: rgb(12,27,46);
		}
		#cd2 li{
			font-size: 14px;
		    color: #337AB7;
		    padding-left: 20px;
		    margin-top: 15px;
		    margin-bottom: 15px;
		}
		#shuxing h4{
			font-size: 16px;
		}
		#shuxingContent .autter{
			padding-left: 10px;
		}
		#elementContents .conditionsTemplate{
			text-align: left;
		}
		#outParameter .defaultProperty select{
			width: 85px;
			height:25px
		}
		.accordion .accordion-header{
			background:#337AB7;
		}
		.accordion .accordion-header-selected {
		    background:-webkit-linear-gradient(to right, red, blue); 
            background:linear-gradient(to right,red,blue);
		}
		.accordion .accordion-header .panel-title{
			padding-left: 15px;
			font-size: 14px;
			color: #ffffff;
		}
		.accordion .accordion-header-selected .panel-title {
			padding-left: 15px;
			font-size: 14px;
			color: #ffffff;
		}
		#elementContents .defaultProperty input{
			width: 80px;
		}
		
		body{
			background: rgb(12,27,46);
		}
		::-webkit-scrollbar {
		width: 8px;
		height: 8px;
		}
		 
		::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:horizontal {
		border-radius: 10px;
		background: #443261;
		}
		 
		::-webkit-scrollbar-button {
		display: none;
		}
		 
		::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece {
		background: -webkit-gradient(linear,left);
		}
		 
		::-webkit-scrollbar-track-piece {
		background: #0b3252;
		}
		#accordionso{
			background-color:#337AB7;
			color:white;
			cursor:default;
		}
		#accordionst{
			background-color:rgb(12,27,46);
			color:#b4b2b2;
			cursor:pointer;
			margin-left: -4px;
		}
		#basecase{
			display:none;
		}
		#easyui{
			block;
		}
		.showLabels::-webkit-outer-spin-button,
	    .showLabels::-webkit-inner-spin-button {
	        -webkit-appearance: none;
	    }
	    .showLabels[type="number"]{
	        -moz-appearance: textfield;
	    }
	    .enter::-webkit-outer-spin-button,
	    .enter::-webkit-inner-spin-button {
	        -webkit-appearance: none;
	    }
	    .enter[type="number"]{
	        -moz-appearance: textfield;
	    }
	    
	    
	    
	    
	    
	    /*.ztree li span{
			color:#ffffff
		}
		 .ztree li a.curSelectedNode{
		    background-color: #555;
		}
		
		.ztree li span.button.ico_close {
			   background-image: url("./img/folderClosed.png");
			   background-position:0;
		}
		
		.ztree li span.button.ico_open {
		 		background-image: url("./img/folderOpen.png");
		 		background-position:0;
		}
		
		.ztree li span.button.ico_docu {
			background-image: url("./img/folderOpen.png");
	 		background-position:0;
		}*/
		
		
		.ztree * {padding:0; margin:0; }
		.ztree {margin:0; padding:5px; color:#333}
		.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
		.ztree li ul{ margin:0; padding:0 0 0 18px}
		.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;}
		
		.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
			text-decoration:none; vertical-align:top; display: inline-block}
		.ztree li a:hover {text-decoration:underline}
		.ztree li a.curSelectedNode {padding-top:0px;  background-color: #555;color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
		.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
		.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
			opacity:0.8; filter:alpha(opacity=80)}
		.ztree li a.tmpTargetNode_prev {}
		.ztree li a.tmpTargetNode_next {}
		.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
			font-size:12px; border:1px #7EC4CC solid; *border:0px}
		.ztree li span {line-height:16px; margin-right:2px;color:#ffffff}
		.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
			border:0 none; cursor: pointer;outline:none;
			background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
			background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
		
		.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
		.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
		.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
		.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
		.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
		.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
		.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
		.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
		.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
		.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
		.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
		.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
		.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
		.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
		.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
		.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
		.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
		.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
		.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
		.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
		.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}
		
		.ztree li span.button.switch {width:18px; height:18px}
		.ztree li span.button.root_open{background-position:-92px -54px}
		.ztree li span.button.root_close{background-position:-74px -54px}
		.ztree li span.button.roots_open{background-position:-92px 0}
		.ztree li span.button.roots_close{background-position:-74px 0}
		.ztree li span.button.center_open{background-position:-92px -18px}
		.ztree li span.button.center_close{background-position:-74px -18px}
		.ztree li span.button.bottom_open{background-position:-92px -36px}
		.ztree li span.button.bottom_close{background-position:-74px -36px}
		.ztree li span.button.noline_open{background-position:-92px -72px}
		.ztree li span.button.noline_close{background-position:-74px -72px}
		.ztree li span.button.root_docu{ background:none;}
		.ztree li span.button.roots_docu{background-position:-56px 0}
		.ztree li span.button.center_docu{background-position:-56px -18px}
		.ztree li span.button.bottom_docu{background-position:-56px -36px}
		.ztree li span.button.noline_docu{ background:none;}
		
		.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
		.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
		.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
		.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
		.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
		
		.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
		
		ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
		
		span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
			background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
			background-position:-110px -80px; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
		
		ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
		.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
	    
	    
